<!DOCTYPE html>
<html>
    <head>
        <? $this->load->view('inc/head'); ?>
    </head>
    <body>
        <? $this->load->view('inc/navbar'); ?>
        <div class="contentarea">
            <div class="container">
                <div class="row">
                    <div class="span12" style="text-align: center">
                        <div><img src="<?=base_url()?>dist/images/2359.png" alt="title" /></div>
                        <div><img src="<?=base_url()?>dist/images/tagline.png" alt="title" /></div>
                        <div style="margin-top: 40px;">
                            <iframe width="560" height="315" src="//www.youtube.com/embed/AmMWN7hSP0A" frameborder="0" allowfullscreen></iframe>
                        </div>
                        <div><img src="<?=base_url()?>dist/images/september2013.png" alt="title" /></div>
                    </div>
                </div>
                
                <div class="row">
                    <div class="text-center" id="martyr" >
                        <img src='<?=base_url()?>dist/images/martyrs.png'/>
                        <div class="marginv40" >
                            
                            <a href="https://twitter.com/einintaprima" target="_blank" class="martyr" data-toggle="tooltip" data-html="true"  data-placement="bottom" data-trigger="hover" data-title="<div class='text-left'><h4>@ENINTAPRIMA</h4> Bocah berusia sekitar belasan tahun berada di dalam Basement Penyekapan, suka bermain-main dengan lingkungannnya, periang, dan memiliki luka batin karena ayahnya yang masochist. Hal ini membuatnya tidak takut apapun.</div>" ><img src="<?=base_url()?>dist/images/ruri4.jpg" width="100" /></a>
                             
                            <a href="https://twitter.com/oshindah" target="_blank" class="martyr" data-toggle="tooltip" data-html="true" data-placement="bottom" data-trigger="hover" data-title="<div class='text-left'><h4>@OSHINDAH</h4>Perempuan muda yang menarik, sifatnya bebas, suka mengambil kesempatan dalam segala cara, suka menikmati hidup melalui obat-obatan dan seks. Ia tidak suka menerima penolakan dan suka memanipulasi keadaan dan orang di sekitarnya.</div>" ><img src="<?=base_url()?>dist/images/kanti4.jpg" width="100"  /></a>
                            <a href="https://twitter.com/iaaannn" target="_blank" class="martyr" data-html="true" data-toggle="tooltip" data-placement="bottom" data-trigger="hover" data-title="<div class='text-left'><h4>@IAAANNN</h4>Lelaki berusia 20-an yang disekap dalam Basement Penyekapan. Memiliki insting hewan dimana saat buas ia akan kalap dan lupa sekitarnya. Ia menjadi dekat dengan Ruri dan protektif.</div>" ><img src="<?=base_url()?>dist/images/kakak3.jpg" width="100" /></a>
                            <a href="https://twitter.com/anggious" target="_blank" class="martyr" data-toggle="tooltip" data-html="true" data-placement="bottom" data-trigger="hover" data-title="<div class='text-left'><h4>@ANGGIOUS</h4>Seorang lelaki di akhir 20 yang pekerjaan dulunya adalah pembunuh. Ia  diculik dan disekap oleh para preman untuk menerima hukuman atas pembunuhan yang telah dilakukannya. Sifat korban tidak mudah menyerah.</div>" ><img src="<?=base_url()?>dist/images/korban1.jpg" width="100"  /></a>                   
                            <a href="https://twitter.com/benul3189" target="_blank" class="martyr" data-toggle="tooltip" data-placement="bottom" data-html="true"  data-trigger="hover" data-title="<div class='text-left'><h4>@BENUL3189</h4>Lelaki yang “mengasuh” Ruri saat ia merasa tidak ada lagi yang mencintainya. Paman ini sangat protektif, posesif, dan pencemburu terhadap Ruri, apa saja yang dipunyai, dan semua yang mendekati Ruri.</div>" ><img src="<?=base_url()?>dist/images/paman1.jpg" width="100" /></a>
                            <a href="https://twitter.com/taufikrachma" target="_blank" class="martyr" data-toggle="tooltip" data-html="true"  data-placement="bottom" data-trigger="hover" data-title="<div class='text-left'><h4>@TAUFIKRACHMA</h4>Seorang senior preman berusia sekitar awal 30-an yang idealis dan berpegang teguh pada keyakinan dimana ia menjadi mudah marah dan keras pada keyakinannya. Preman 1 menjadi perantara komunikasi dengan “BOS”.</div>" ><img src="<?=base_url()?>dist/images/preman1_1.jpg"  width="100"  /></a>
                            <a href="https://twitter.com/nta_oberta" target="_blank" class="martyr" data-toggle="tooltip" data-html="true" data-placement="bottom" data-trigger="hover" data-title="<div class='text-left'><h4>@NTA_OBERTA</h4>Seorang preman yang membantu pekerjaan preman seniornya yaitu Preman 1. Usianya sekitar akhir 20-an dan baru saja menjadi seorang ayah. Preman 2 ini sifatnya santai, kekanakan, tidak sabar, ceroboh, dan mempunyai keingintahuan yang besar.</div>" ><img src="<?=base_url()?>dist/images/preman2_3.jpg" width="100"  /></a>
                            <a href="https://twitter.com/tiiafitria" target="_blank" class="martyr" data-toggle="tooltip" data-html="true"  data-placement="bottom" data-trigger="hover" data-title="<div class='text-left'><h4>@TIIAFITRIA</h4>Seorang perempuan konsultan yang menjalin hubungan dengan Kanti dan mengorbankan segalanya demi Kanti dari keluarga sampai materi hanya untuk Kanti seorang.</div>" ><img src="<?=base_url()?>dist/images/pacar1_2.jpg" width="100"  /></a>
                            <a href="https://twitter.com/fahriazmi" target="_blank" class="martyr" data-toggle="tooltip" data-html="true" data-placement="bottom" data-trigger="hover" data-title="<div class='text-left'><h4>@FAHRI_AZMI</h4>Lelaki muda yang menjadi pengedar narkotik dan tergila-gila dengan Kanti. Ia bersedia melakukan jasa pesanan obat untuk Kanti dengan harapan ia bias mendapatkan hati Kanti.</div>" ><img src="<?=base_url()?>dist/images/pacar2_1.jpg" width="100"  /></a>
                            <a href="https://twitter.com/betetkunamsinam" target="_blank" class="martyr" data-toggle="tooltip" data-placement="bottom" data-trigger="hover" data-html="true" data-title="<div class='text-left'><h5>@BETETKUNAMSINAM</h5>Seorang bapak setengah baya yang suka menyiksa anaknya sendiri, Ruri. Semakin ibu Ruri menjerit dan ingin menolong anaknya, ayah ini akan semakin senang menyiksa (Masochist).</div>" ><img src="<?=base_url()?>dist/images/ayah2.jpg" width="100"  /></a>
                            <a href="https://twitter.com/nonvonny" target="_blank" class="martyr" data-toggle="tooltip" data-placement="bottom" data-html="true" data-trigger="hover" data-title="<div class='text-left'><h4>@NONVONNY</h4>Seorang ibu yang tidak berdaya saat anaknya, Ruri, disakiti oleh suaminya sendiri yang merupakan Masochist. Ia hanya bisa menangisi anaknya yang disiksa.</div>" ><img src="<?=base_url()?>dist/images/ibu2.jpg" width="100"  /></a>
                    </div>
                       
                  </div>
                </div>
                
                <div class="row">
                    <div id="promotion" class=" marginv40 padding20">
                        <div class="text-center"><img src="<?=base_url()?>dist/images/be.png" alt="title" /></div>

                        <div class="sejuta">
                            <a href="#sejutamodal" data-toggle="modal" ><div style="width:400px; height:500px"></div></a>
                        </div>
                        <div class="row marginv40">
                            <div  id="promotioncontent" class=" padding20 col-6">
                                <p>
                                    Join the <a href="http://www.underdogkickass.com">Underdog KickAss</a> movement and play in our next movie. Now everyone can be in the movie. This movement has proven that the opportunity does belong to everyone of you. Our program prepare you to play a main role in our self-produced film, showing in cinemas.
                                </p>
                            </div>
                            <div class="col-3 padding20">
                                <div>
                                    <h4><strong>JOIN NOW</strong></h4>
                                    <ul class="list-unstyled">
                                        <li>Call us: 021 7888 0012, 089 8935 5005</li>
                                        <li>BlackBerry: 292E23DB</li>
                                        <li><a href="http://www.twitter.com/underdogkickass" target="_blank">@UnderdogKickAss</a> </li>

                                    </ul>
                                </div>
                            </div>
                            <div class="col-3 padding20">
                                <h4><strong>DARE TO JOIN?</strong></h4>
                                <a href="#" id="modaldaretrigger"><img src="<?=base_url()?>dist/images/dare.png" alt="title" /></a>

                            </div>
                        </div>
                    </div>
                </div>
                <!--
                <div id="casts" class="text-center"  style="margin:20px 0; width: 800px">
                    <div id="casts-carousel" class="carousel slide ">
                        <ol class="carousel-indicators">
                            <li data-target="casts-carousel" data-slide-to="0" class="active"></li>
                            <li data-target="casts-carousel" data-slide-to="1"></li>
                            <li data-target="casts-carousel" data-slide-to="2"></li>
                            <li data-target="casts-carousel" data-slide-to="3"></li>
                        </ol>
                        <div class="carousel-inner text-center">
                            <div class="item active">
                                <img src="dist/images/cast-eninta.jpg" />
                            </div>


                            <div class="item">
                                <img src="dist/images/cast-ian.jpg" />
                            </div>

                            <div class="item">
                                <img src="dist/images/cast-indah.jpg" />
                            </div>


                            <div class="item">
                                <img src="dist/images/cast-ibnu.jpg" />
                            </div>
                        </div>
                        <a class="left carousel-control" href="#casts-carousel" data-slide="prev">
                            <span class="icon-prev"></span>
                        </a>
                        <a class="right carousel-control" href="#casts-carousel" data-slide="next">
                            <span class="icon-next"></span>
                        </a>
                    </div>
                </div>-->
                <div id="footer" class="row marginv40 padding20 ">
                    <div class="col-2">
                        <span class="text-muted">We warned you</span>
                        <div><a href="#warned"  data-toggle="modal"><img src="<?=base_url()?>dist/images/advisory.png" width="100px" alt="title" /></a></div>
                    </div>
                    <div class="col-2">
                        <span class="text-muted">We are the</span>
                        <div><a href="http://www.underdogkickass.com"><img src="<?=base_url()?>dist/images/logo.png" width="120px" alt="title" /></a></div>
                    </div>
                    <div class="col-2">
                        <span class="text-muted">Find us on</span>
                        <div>
                            <a href="http://www.twitter.com/underdogkickass" target="_blank"><img src="<?=base_url()?>dist/images/twitter.png" alt="title" /></a> 
                            <a href="http://www.facebook.com/underdogkickass" target="_blank"><img src="<?=base_url()?>dist/images/facebook.png" alt="title" /></a>
                            <a href="http://www.youtube.com/user/underdogkickass" target="_blank"><img src="<?=base_url()?>dist/images/youtube.png" alt="title" /></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="sejutamodal">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>

                    </div>
                    <div class="modal-body">
                        <div class="text-center"><img src="<?=base_url()?>dist/images/sejuta.png" width="500px" alt="title" /></div>
                    </div>

                </div>
            </div>
        </div>
        <div class="modal fade" id="dare" >
            <div class="modal-dialog">
                <div class="modal-content" >
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>

                    </div>
                    <div class="modal-body">
                        <iframe width="520" height="390" frameborder="0" allowfullscreen=""></iframe>
                    </div>

                </div>
            </div>
        </div>
        <div class="modal fade" id="warned">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>

                    </div>
                    <div class="modal-body">
                        <h4><strong>ORDINADY PEOPLE INSIDE</strong></h4>
                        <p>THIS MOVIE IS PLAYED BY ORDINARY PEOPLE, WHO LEARNED HOW TO BE IN THE MOVIE FOR ABOUT 6 MONTHS ON EVERY SUNDAY. THEY ARE PEOPLE WITH DREAMS AND HOPES. THEY ARE PEOPLE WHO ARE MAINLY REJECTED BY THE INDUSTRY'S DOGMA. THEY ARE KNOWN AS THE UNDERDOGS. THIS MOVIE IS ONE OF THE MOVIES TO SHOW THE WORLD, THAT THEY KICKASS.</p>
                        <div class="text-center"><img src="<?=base_url()?>dist/images/advisory.png" width="540px" alt="title" /></div>
                    </div>

                </div>
            </div>
        </div>
        <script src="http://code.jquery.com/jquery.js"></script>
        <script src="<?=base_url()?>dist/js/bootstrap.js"></script>
        <script>
            $().ready(function(){
                $('.martyr').tooltip('hide');
                
                    $('#modaldaretrigger').click(function(){ 
                        $('#dare').modal();
                        var src = 'http://www.youtube.com/v/Ag7LC5D903k?rel=0&amp;wmode=transparent&amp;rel=0&amp;autohide=1&amp;showinfo=0&amp;autoplay=1';
                            
        $('#dare iframe').attr('src', src);
        return false; });
           
               $('#dare button').click(function () {
        $('#dare iframe').removeAttr('src');
    });
    
            });
            
        </script>
    </body>
</html>